<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>代码旋转木马</title>
        <style>
            body{font-family:Arial; background:#1a2a6c; color:white; text-align:center; padding:20px;}
            .card{background:rgba(255,255,255,0.1); padding:20px; margin:20px 0; border-radius:10px;}
            button{background:#fdbb2d; border:none; padding:12px 20px; margin:5px; border-radius:5px; color:white;}
            </style>
            </head>
            <body>
                <h1>代码旋转木马</h1>
                <div class="card">
                    <h3>HTML示例</h3>
                    <pre>&lt;div class="container"&gt;
                          &lt;h1&gt;Hello World&lt;/h1&gt;
                          &lt;/div&gt;</pre>
                          </div>
                          <button onclick="alert('上一个')">上一个</button>
                          <button onclick="alert('下一个')">下一个</button>
                          </body>
                          </html>